.module-active{
    .logo{
        text-align: center;
        padding-bottom: 32px;
    }
    .active-content {
        text-align: left;
        box-sizing: border-box;
        line-height: 2;
        border: 1px #efefef solid;
        border-radius: 4px;
        padding: 40px 24px;
        background-color: rgba(255, 255, 255, 0.7);
        .title {
            margin-bottom: 32px;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            .icon {
                font-size: 24px;
                margin-right: 8px;
                padding-top: 8px;
            }
            .text{
                font-size: 18px
            }
        }
        &-loading {
            .title {
                .icon {
                    color: #0a8cff;
                }
            }
        }

        &-fail {
            .title {
                .icon {
                    color: #ff765b;
                }

            }
        }

    }
}

body .m-active{
    width: 80%;
    max-width: 450px;
    .success-container{
        padding-left: 24px;
        padding-right: 24px;
        background-color: rgba(255, 255, 255, 0.7);
        .list{
            background-color: rgba(255, 255, 255, 0.6);
            margin-bottom: 24px;
        }
    }
}













